.button-khq-submit.button-footer {
  display: inline-block !important;
  width: 100% !important;
  height: 5% !important;
}

.react-dropdown-select {
  height: calc(1.5em + 0.75rem + 2px) !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
  padding: 0.375rem 0.75rem !important;
}

.btn.dropdown-toggle.btn-secondary.dropdown-toggle.btn.btn-primary {
  height: 35px;
}

.btn.dropdown-toggle.btn-secondary.dropdown-toggle.btn.btn-primary > input {
  color: white;
  background-color: $secondary;
}

input.placeholder {
  border-color: transparent;
  border-bottom-color: transparent !important;
  width: 100%;
  padding: 0px;
}

.ace_active-line {
  opacity: 0.2;
}

.ace_placeholder {
  font-family: 'Source Code Pro', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
    'Courier New', monospace;
  transform: scale(1);
}

.form-input-check {
  margin-block: auto;
}

form {
  .dropdown {
    width: 100%;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition:
      border-color 0.15s ease-in-out,
      box-shadow 0.15s ease-in-out;

    button {
      padding-left: 0;

      input {
        padding: 0.375rem 0.75rem;
        background-color: transparent !important;
        color: white;
        opacity: 1;
      }
    }
  }
}
